<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>麦知网——学问有余，可为人师</title>

<!-- Bootstrap core CSS -->
<link href="../../css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="../../css/non-responsive.css" rel="stylesheet">
<link href="../../css/font-awesome.min.css" rel="stylesheet">
<link href="../../css/bootstrap-switch.css" rel="stylesheet">

<link href="../../css/tinyTypes.css" rel="stylesheet">    
 
</head>
<body>
	{% include 'public/common/header.html' %}
	<img src="{{types.big_img}}" width=100%/>
	<!--<img src="http://mztypes.qiniudn.com/300.jpg" width=100%/>-->
	<div class="container" style="margin-top:5px">
		<div class="row">
			<div>
				<ol class="breadcrumb tiny_breadcrumb">
				  <li><a href="{% url 'courses:types' %}">课程系列</a></li>
				  <li class="active">{{types.name}}</li>
				</ol>
			</div>
		</div>
		<div class="row" style="margin-top:-40px">
<!-- 一个小分类   循环开始处 -->
		{% for i in tiny %}
			<div class="col-xs-4 pull-left">
				<div class="a_tiny">
					<div>
						<div class="tiny_img pull-left">
							<img src="{{i.img}}" width="125px" height="150px"/>
						</div>
						<div class="tiny_intro pull-left">
							<div class="tiny_intro1">{{i.name}}</div>
							<div class="tiny_intro2"><i><!-- 此处需要截断长度，过长用省略号代替 -->{{i.introduce}}。</i></div>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="tiny_inter">
						<a href="{% url 'courses:courselist' i.id %}" type="button" class="btn btn-primary tiny_inter_btn">进入</a>
					</div>
				</div>
			</div>
		{% endfor %}
<!-- 一个小分类   循环结束处 -->
			<div class="clearfix"></div>
		</div>
	</div>
	
	
	
	
	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="../../js/jquery.min.js"></script>
	<script src="../../js/logout.js"></script>
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="../../js/bootstrap.js"></script>
</body>
</html>